<!DOCTYPE HTML>
<html lang="es" class="no-js">
<head>
<meta charset="UTF-8">
<link rel="StyleSheet" href="../Css/estilo1.css" type="text/css">
<link rel="StyleSheet" href="../Css/estilo2.css" type="text/css">
<title>::Registrar Usuario::</title>

<script>

	function validarContrasena()
  {
	  var contra = document.getElementById("contrasena").value;
	  var confir = document.getElementById("confirmar").value;
	 
	 if (contra == confir)
        {
			return true;
        }
       else
          {
            alert("Las contraseñas no coinciden!");
			return false;
		 }
  }
  
</script>
</head>

<body>
<?php
session_start();
if ( $_SESSION['estado'] == "logeado" )
		{
			
		} 
		else 
		{
     		header("Location: ../Index.php");
		}

?>
<form name="formUsuario" id="formUsuario" action="../PHP/RegistrarUsuario.php" method="get">

<div class="registrar">
	<table align="center" border="0">
		<tr><td colspan="2"><h1>Registrar Usuario</h1></td>
			
		</tr>
		<tr>
			<td><br /><label>Cédula:</label>
			</td>
			<td>
				<br /><input type="text" name="cedula" id="cedula" required />
			</td>
		</tr>
		<tr>
			<td><label>Nombres:</label></td>
			<td>
				<input type="text" name="nombres" id="nombres" required />
			</td>
		</tr>
		<tr>
			<td><label>Apellidos:</label></td>
			<td>
				<input type="text" name="apellidos" id="apellidos"  required />
			</td>
		</tr>
		<tr>
			<td><label>Dirección:</label></td>
			<td>
				<input type="text" name="direccion" id="direccion" required />
			</td>
		</tr>
		<tr>
			<td><label>Celular:</label></td>
			<td>
				<input type="text" name="celular" id="celular" required />
			</td>
		</tr>
		<tr>
			<td><label>E-Mail:</label></td>
			<td>
				<input type="email" name="email" id="email" required />
			</td>
		</tr>
		<tr>
			<td><label>Usuario:</label></td>
			<td>
				<input type="text" name="usuario" id="usuario" required />
			</td>
		</tr>
		<tr>
			<td><label>Contraseña:</label></td>
			<td>
				<input type="password" name="contrasena" id="contrasena" required />
			</td>
		</tr>
        <tr>
		  <td><label>Confirmar Contraseña:</label></td>
			<td>
				<input type="password" name="confirmar" id="confirmar"  required onfocus="return validarContrasena();"/>
			</td>
		</tr>
		<tr>
			<td><label>Rol:</label></td>
			<td>
				<select name="rol">
                	<option value="Administrador">Administrador</option>
                    <option value="Instructor">Profesor</option>
                    <option value="Aprendiz">Aprendiz</option>
                </select>
			</td>
		</tr>
		<tr>
			<td align="center"><input type="button" name="enviar" value="Enviar"class="boton" onClick="registrarUsuario();"/></td>
			<td align="center"><input type="button" name="cancelar" class="boton" value="Cancelar" /></td>
		</tr>
	</table>
  </div>
</form></fieldset>
</body>
</html>
